/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    顶部计数    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.EnergyOverview-TopCount {
  position: relative;

  /* ============================== 卡片体 ============================== */
  .CoreWeb-EasyCard-panel-body {
    display: flex;
    align-items: center;
    line-height: 0.24rem;

    > .flex1 {
      min-width: 0.8rem;
    }

    b {
      line-height: 0.36rem;
      margin-right: 2%;
      font-size: 0.28rem;
    }
  }

  /* ============================== 卡片尾 ============================== */
  .CoreWeb-EasyCard-panel-footer {
    display: flex;
    line-height: 1;
    margin: 0.2rem 0 0.04rem;

    /* —————————————————————————————— 分段 —————————————————————————————— */
    > div {
      white-space: nowrap;

      /* ------------------------------ 间隔 ------------------------------ */
      &.flex6 {
        position: relative;
        max-width: calc(100% - 1.2rem);

        > div {
          display: inline-block;
        }
      }

      &.flex1 {
        min-width: 0.5vw;
      }
    }

    /* —————————————————————————————— 数字 —————————————————————————————— */
    b {
      margin-left: 0.6vw;
    }

    /* —————————————————————————————— 上升 —————————————————————————————— */
    .Count-down {
      margin-left: 0.5vw;
      color: #00b07e;
    }

    /* —————————————————————————————— 下降 —————————————————————————————— */
    .Count-up {
      margin-left: 0.5vw;
      color: #ff6a55;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      四色      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.EnergyOverview-TopCount .CoreWeb-EasyCard {
  /* ============================== 用电量 ============================== */
  &:nth-child(1) b {
    color: #4a98f5;
  }

  /* ============================== 用水量 ============================== */
  &:nth-child(2) b {
    color: #23bed3;
  }

  /* ============================== 用气量 ============================== */
  &:nth-child(3) b {
    color: #f3b844;
  }

  /* ============================== 碳排放 ============================== */
  &:nth-child(4) b {
    color: #7473e4;
  }
}
